<template>
  <div id="nav" >
    <!-- <van-tabbar v-if="showNav" class="nav" v-model="active" route active-color="#13b5b1">
      <van-tabbar-item to="/" icon="wap-home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/about" icon="user-o">我的</van-tabbar-item>
    </van-tabbar> -->
    <router-view/>
  </div>
</template>


<script>
const showArr = ['Home','About']
export default {
  data(){
    return{
      active:''
    }
  },
  computed:{
    showNav(){
      return showArr.includes(this.$route.name)
    }
  }
}
</script>


<style lang='less'>
*{
  margin: 0;
  padding: 0;
}
#nav{
  background: #f0f0f0;
  min-height: 100vh;
  .nav{
    background:#ffffff;
  }
}
</style>
